<div class="hamburger">
  <span class="line"></span>
  <span class="line"></span>
  <span class="line"></span>
</div>

<style>
.hamburger {
  padding-right: 20px;
  cursor: pointer;
}

.hamburger .line {
  display: block;
  width: 40px;
  height: 5px;
  margin-bottom: 10px;
  background-color: #ff9776;
}

@media screen and (min-width: 636px) {
  .hamburger {
    display: none;
  }
}

</style>

<script>
  // document.querySelector('.hamburger')?.addEventListener('click', () => {
  //   document.querySelector('.nav-links')?.classList.toggle('expanded');
  // });
  import '../script/menu.js'
</script>